<template>
    <div class="weekend">
      <h3 class="weekend-title">周末去哪儿</h3>
      <div class="weekend-list">
      <div class="item" v-for="item of  weekendList" :key="item.id">
        <div class="item-img"><img :src="item.imgUrl"></div>
        <h5>{{item.title}}</h5>
        <p>{{item.desc}}</p>
      </div>
      </div>
    </div>
</template>

<script>
    export default {
        name: "Weekend",
      data (){
          return{
          }
      },
      props:{
        weekendList:Array
      }
    }
</script>

<style scoped lang="stylus">
  @import "~styles/stylus/mixins.styl"
    .weekend
      margin :.3rem 0 .3rem 0
      .weekend-title
        $container-title()
      .weekend-list
        .item
          margin:0.3rem 0
          width :100%
          .item-img img
            width: 100%
            height :2.14rem
          h5
            font-size :.35rem
            margin :.2rem .1rem
            font-weight: 600
          p
             margin :.2rem .1rem
             color :$contentFontColor
</style>
